<!DOCTYPE html>
<#assign contextPath=request.contextPath>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>主页</title>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <link rel="stylesheet" href="${contextPath}/css/bootstrap/bootstrap.min.css">
  <link rel="stylesheet" href="${contextPath}/css/font-awesome.min.css">
  <link rel="stylesheet" href="${contextPath}/css/adminlte/AdminLTE.css">
  <link rel="stylesheet" href="${contextPath}/css/adminlte/skins/_all-skins.min.css">
  <link rel="stylesheet" href="${contextPath}/js/pace/pace.min.css">
  <style>
  </style>
</head>
<body class="hold-transition skin-blue sidebar-mini">

	<div class="wrapper">
	  <header class="main-header">
	    <!-- Logo -->
	    <a href="javascript:;" class="logo">
	      <span class="logo-mini"><b>健</b></span>
	      <span class="logo-lg"><b>健康保健</b></span>
	    </a>
		
	    <!-- Header Navbar -->
	    <nav class="navbar navbar-static-top" role="navigation">
	      <!-- Sidebar toggle button-->
	      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
	        <span class="sr-only">Toggle navigation</span>
	      </a>
	      <!-- Navbar Right Menu -->
	      <div class="navbar-custom-menu">
	        <ul class="nav navbar-nav">
	          <li class="dropdown user user-menu">
	            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
	              <img src="${contextPath}/img/user2-160x160.jpg" class="user-image" alt="User Image">
	              <span class="hidden-xs">${username}</span>
	            </a>
	            <ul class="dropdown-menu">
	              <li class="user-header">
	                <img src="${contextPath}/img/user2-160x160.jpg" class="img-circle" alt="User Image">
	                <p>
	                  ${long2date("","yyyy-MM-dd")}
	                  <small></small>
	                </p>
	              </li>
	              <li class="user-footer">
	                <div class="pull-left">
	                 <#-- 
	                    <a href="#" class="btn btn-default btn-flat">Profile</a>
	                  -->
	                </div>
	                <div class="pull-right">
	                  <a href="${contextPath}/account/logout" class="btn btn-default btn-flat">退出</a>
	                </div>
	              </li>
	            </ul>
	          </li>
	          <li>
	          	<#--  
	            <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
	            -->
	          </li>
	        </ul>
	      </div>
	   </nav>
	  </header>	
	  <!-- end -->
	  
	  <!-- 左边菜单 -->
	  <aside class="main-sidebar">
	    <section class="sidebar">
	    	<ul class="sidebar-menu">
	    		<@getSubMenu list=menulist />
	    	</ul>
	    	<#-- 递归获取菜单 -->
	    	<#macro getSubMenu list >
	    		<#if list?? && menulist?size gt 0>
	    			<#list list as data>
    					<li class="treeview">
    		 				 <a href="<#if data.menuurl != 'javascript:;' && data.menuurl != '#' && data.menuurl?length gt 0>${contextPath}/${data.menuurl}<#else>javascript:;</#if>" target="main_iframe">
					            <i class ="fa <#if data.icon?length gt 0>${data.icon}</#if>" ></i>
					            <span>${data.menuname}</span>
					            <#if data.hasSub>
						            <span class="pull-right-container">
						              <i class="fa fa-angle-left pull-right"></i>
						            </span>
					            </#if>
					          </a>
					          <#if data.hasSub>
					          <ul class="treeview-menu">
					          	<@getSubMenu list=data.subList />
					          </ul>
					          </#if>
    					</li>
	    			</#list>
	    		</#if>
	    	</#macro>
        </section>
	  </aside>
	  <!-- end -->
	
	  <!-- 内容页 -->
	  <div class="content-wrapper" style="height: calc(100% - 50px);overflow: hidden;">
		<iframe id="main_iframe" name="main_iframe" width="100%" height="100%" src="${contextPath}/manage/welcome.html" frameborder="0"  seamless></iframe>
	  </div>  
	  <!-- end -->
	  
	  <!-- 设置  -->
	  <aside class="control-sidebar control-sidebar-dark">
		    <#-- Create the tabs 
		    <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
		      <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
		      <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
		    </ul>
		     -->
		    <!-- Tab panes -->
		    <div class="tab-content">
		      <!-- Home tab content -->
		      <div class="tab-pane" id="control-sidebar-home-tab">
		        <h3 class="control-sidebar-heading">Recent Activity</h3>
		        <ul class="control-sidebar-menu">
		          <li>
		            <a href="javascript:void(0)">
		              <i class="menu-icon fa fa-birthday-cake bg-red"></i>
		              <div class="menu-info">
		                <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
		                <p>Will be 23 on April 24th</p>
		              </div>
		            </a>
		          </li>
		        </ul>
		        <!-- /.control-sidebar-menu -->
		      </div>
		      <!-- /.tab-pane -->
		
		      <!-- Settings tab content -->
		      <div class="tab-pane" id="control-sidebar-settings-tab">
		        <form method="post">
		          <h3 class="control-sidebar-heading">General Settings</h3>
		          <div class="form-group">
		            <label class="control-sidebar-subheading">
		              Report panel usage
		              <input type="checkbox" class="pull-right" checked>
		            </label>
		            <p>
		              Some information about this general settings option
		            </p>
		          </div>
		          <!-- /.form-group -->
		        </form>
		      </div>
		      <!-- /.tab-pane -->
		    </div>
		  </aside>	
		  <div class="control-sidebar-bg"></div>  
	  <!-- end -->
	</div>
	
	<script src="${contextPath}/js/jQuery/jquery.min.js"></script>
	<script src="${contextPath}/js/bootstrap/bootstrap.min.js"></script>
	<script src="${contextPath}/js/pace/pace.min.js"></script>
	<script src="${contextPath}/js/common/app.js"></script>
</body>
</html>